body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { background:#f3f3f3;font-size:12px; color:#333; font-family:"PingFang SC Regular",Verdana, Microsoft YaHei, Simsun;  line-height:16px; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*ç¦ç”¨äº†æ–‡æœ¬çš„æ‹–æ‹‰ï¼Œå°¤å…¶åœ¨è°·æ­Œä¸‹*/
p{ text-align:justify; text-justify:distribute;} /*ä¸ºäº†ä½¿æ–‡æœ¬æ®µè½å·¦å³ä¸¤è¾¹å¯¹é½*/
a { color: #666; text-decoration:none; }
a:hover { color: #CD963C; text-decoration:none; }
.clearfix:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.clearfix{
    zoom:1;
}
a:link{
    text-decoration:none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.flexEnd{
    display: flex;
    justify-content: flex-end;
}
.flexCenter{
    display: flex;
    justify-content: center;
}
.flexStart{
    display: flex;
    justify-content: flex-start;
}
.flexBetween{
    display: flex;
    justify-content: space-between;
}
.flex1{
    flex:1;
}
.flex2{
    flex:2;
}
.flex646{
    width:646px!important;
}
.flex426{
    width:426px!important;
}

@media (min-width: 768px) {
    .container {
        width: 1306px;
    }
    .cust_msg{
        width: 1306px;
    }
    .main_con{
        min-width: 1306px;
        margin:20px;
    }
    .msg_table_feature td:nth-child(odd){
        width: 284px!important;
    }
}
@media (min-width: 1204px) {
    .container {
        width: 1306px;
    }
    .cust_msg{
        width: 100%;
    }
    .main_con{
        min-width: 1306px;
        margin:20px;
    }
    .msg_table_feature td:nth-child(odd){
        width: 284px!important;
    }
}
@media (min-width: 1204px) {
    .form_msg .dropdown_input .dropdown_value.dropdown_value_check{
        max-width: 84px;
    }
}

@media (min-width: 1404px) {
    .form_msg .dropdown_input .dropdown_value.dropdown_value_check {
        max-width: 111px;
    }
}
/* ç¦ç”¨ */
button[disabled], html input[disabled]{
    background: #eee;
}

/* margin padding */
.m0{
    margin:0;
}
.m_default{
    margin:10px 20px;
}
.p_default{
    padding:10px 20px;
}
.m20{
    margin:20px;
}
.mx2{
    margin-left:2px;
    margin-right:2px;
}
.mx10{
    margin-left:10px;
    margin-right:10px;
}
.mx15{
    margin-left:15px;
    margin-right:15px;
}
.mx20{
    margin-left:20px;
    margin-right:20px;
}
.ml10{
    margin-left:10px;
}
.ml14{
    margin-left:14px;
}
.ml15{
    margin-left:15px;
}
.ml20{
    margin-left:20px;
}
.ml30{
    margin-left:30px;
}
.mr10{
    margin-right:10px;
}
.mr20{
    margin-right:20px;
}
.mb10{
    margin-bottom:10px;
}
.mb15{
    margin-bottom:15px;
}
.my10{
    margin-top:10px;
    margin-bottom:10px;
}
.my20{
    margin-top:20px;
    margin-bottom:20px;
}
.mt6{
    margin-top: 6px;
}
.mt0{
    margin-top: 0px!important;;
}
.mt15{
    margin-top: 15px!important;;
}
.m0{
    margin: 0px!important;;
}
.p0{
    padding:0;
}
.p20{
    padding:20px!important;
}
.p10{
    padding:10px;
}
.px10{
    padding-left:10px;
    padding-right:10px;
}
.px20{
    padding-left:20px;
    padding-right:20px;
}
.pl10{
    padding-left:10px;
}
.px5{
    padding-right:5px;
}
.pr10{
    padding-right:10px;
}
.pt10{
    padding-top:10px;
}
.py10{
    padding-top:10px;
    padding-bottom:10px;
}
.py20{
    padding-top:20px;
    padding-bottom:20px;
}
/* é¡µé¢å…¬å…±æ ·å¼ */

/* main_con */
.main_con{
    min-width: 1306px;
    margin:20px;
}
.content_box{
    margin-bottom:15px;
    width: 100%;
}
.main_con .content_box>.content_out{
    background:#fff;
    /* box-shadow: 0 0 11px 0px rgba(0,0,0,.07); */
}
.main_con .content_box>.content_out .content{
    width: 100%;
    padding:10px;
    background:#fff;
}
.main_con .content_box .content_out_l{
    height: 100%;
    background: #f3f3f3;
    box-shadow: none;
}
.main_con .content_box .content_out_r{
    height: 100%;
    background: transparent;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-left: 14px;
}
.main_con .content_box .content{
    background-color: #fff;
    box-shadow:0px 0px 11px 0px rgba(0,0,0,0.07);
}
.main_con .content_box>.content{
    width: 100%;
    padding: 10px;
    box-shadow:0px 0px 11px 0px rgba(0,0,0,0.07);
}
.main_con .content_box .content_out_r_col .content{
    min-height: 48.9%;
}
.content{
    /* min-height: 778px; */
    background-color: #fff;
}
/* æ ‡é¢˜å’Œå­æ ‡é¢˜ */
.content .title_box{
    width: 100%;
    height: 28px;
    margin-bottom:10px;
    /* display: flex; */
    /* justify-content: space-between; */
}
.content .title_box .title{
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
}
.content .subtitle{
    height: 18px;
    margin-bottom:8px;
    line-height: 18px;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
}
.content .subtitle .subline{
    width: 2px;
    height: 10px;
    margin:4px 3px 2px 0;
    background: #D17B28;
}
/* æ¨¡å—æ¡ä»¶é€‰é¡¹ é»˜è®¤é€‰ä¸­*/
.select_item{
    text-align: center;
    line-height: 20px;
    color: #666;
    background: #DDAF59;
    border:1px solid #DDAF59;
    color:#ffffff;
    border-radius: 4px;
    padding:0 10px;
    height: 24px;
}
.select_check{
    height: 28px;
    line-height: 28px;
}
.select_check .check_box{
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin:7px 4px 0 0;
    font-size: 12px;
    text-align: center;
    border: 1px solid #DDAF59;
    color:#DDAF59;
}
.select_check .check_box.active{
    background: #DDAF59;
    color: #fff;
}
/* å¹´æœˆé€‰æ‹© */
.select_time{
    width:109px;
    height:28px;
    padding:0 10px;
    margin-left: 10px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(233,233,233,1);
}
/* titleå³ä¾§ä¸‰ä¸ªç‚¹ */
.three_dot{
    display: flex;
    justify-content:space-between;
    width: 15px;
    height: 3px;
    padding:12.5px 0;
    margin-left:15px;
}
.three_dot p{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #666666;
}
.add_btn{
    text-align: center;
    line-height: 20px;
    border:1px solid #DDAF59;
    color:#DDAF59;
    border-radius: 4px;
    padding:0 10px;
    height: 24px;
    cursor: pointer;
}
/* æ—¶æœŸé€‰æ‹© */
.period{
    display: flex;
    justify-content: flex-start;
    height: 28px;
    border-radius: 4px;
    overflow: hidden;
    margin-left:10px;
    background-color: #ffffff;/*new*/
}
.period li{
    position: relative;
    text-align: center;
    line-height: 26px;
    border:1px solid #E9E9E9;
    border-left:transparent;
    width: 80px;
    color: #666;
}
.period li>a{
    display: inline-block;
    position: absolute;
    top:-1px;
    left: -1px;
    right:-1px;
    bottom:-1px;
    border:1px solid transparent;
    z-index: 2;
}
.period li>a:hover{
    color:#000;
}
.period li:last-child{
    border-right:1px solid #E9E9E9;
    border-radius:0 4px 4px 0;
}
.period li:last-child>a{
    border-radius:0 4px 4px 0;
}
.period li:first-child,
.period li:first-child>a{
    border-left:1px solid #E9E9E9;
    border-radius:4px 0 0 4px;
}
.period li.active>a{
    border-color:#DDAF59;
    color:#DDAF59;
}
/* ä¸‹æ‹‰é€‰æ‹© */
.form_msg td>input,
.form_msg .dropdown_box{
    width: 100%;
    height: 28px;
    line-height: 26px;
    background: #fff;
    border:1px solid #E9E9E9;
    border-radius: 4px;
    padding:0 10px;
    font-size: 12px;
}
.form_msg td>input:hover {
    border: 1px solid #DDAF59;
    box-shadow: 0 0 1px 0 #DDAF59;
}

.form_msg .dropdown_input:hover{
    cursor: pointer;
}
.form_msg .dropdown_input .dropdown_value{
    display: inline-block;
    min-width: 84px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form_msg .dropdown_box.readonly:hover{
    background: #eee;
    color:#333;
}
.form_msg .dropdown_box:hover{
    border:1px solid #DDAF59;
    box-shadow: 0 0 1px 0 #DDAF59;
}
.form_msg .dropdown_box{
    position: relative;
}
.form_msg .dropdown_box .dropdown_menu,
.form_msg .dropdown_box .dropdown_menu_check{
    position: absolute;
    top:27px;
    left:0;
    right:0;
    z-index: 1001;
    background: #fff;
    display: none;
    border-radius: 0 0 4px 4px;
    box-shadow:0px 5px 7px 0px rgba(0,0,0,0.14);
    color: #333333;
    max-height: 200px;
    overflow-y: auto;
}
.form_msg .dropdown_box .dropdown_menu_check{
    display: flex;
    flex-wrap: wrap;
    padding:0 10px 10px 10px;
}
.form_msg .dropdown_box .dropdown_menu_check>li{
    width: 100%;
    height: 28px;
    line-height: 28px;
}
.form_msg .dropdown_box .dropdown_menu_check>li>input[type="checkbox"]{
    margin-right: 5px;
    transform: translateY(2px);
}
.form_msg .dropdown_box .dropdown_menu>li{
    padding:0px 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form_msg .dropdown_box .dropdown_menu>li.active{
    background:rgba(221, 175, 89, 0.2);
}
.form_msg .dropdown_box .dropdown_menu>li.selectedLi{
    background:rgba(221, 175, 89, 0.2);
}
.form_msg .dropdown_box .dropdown_menu>li:hover{
    background:rgba(221, 175, 89, 0.3);
}
.form_msg .dropdown_box .dropdown_menu>li:last-child{
    border-bottom: none;
}
/* æœ‰inputçš„div */
.search_input_box input{
    width: 100%;
    height: 28px;
    line-height: 26px;
    border:1px solid #E9E9E9;
    border-radius: 4px;
    padding:0 10px;
    font-size: 12px;
}
.search_input_box input:hover {
    border: 1px solid #DDAF59;
    box-shadow: 0 0 1px 0 #DDAF59;
}
.form_msg td:nth-child(2),
.form_msg td:nth-child(4),
.form_msg td:nth-child(6),
.form_msg td:nth-child(8),
.form_msg td:nth-child(10){
    width: 160px;
}
.select_search_btn{
    float: right;
    width: 40px;
    padding: 2px;
    font-size: 12px;
}
.btn_default{
    width: 100px;
    border:1px solid #DDAF59;
    height: 28px;
    line-height: 26px;
    background: #fff;
    color:#DDAF59;
    border-radius: 4px;
}
.btn_active{
    background: #DDAF59;
    color:#fff;
}
/* æº¢å‡ºçœç•¥ */
.ellipsis_p{
    max-width: 100%;
    text-align: center;
    word-break:keep-all;      /* ä¸æ¢è¡Œ */
    white-space:nowrap;       /* ä¸æ¢è¡Œ */
    overflow:hidden;          /* å†…å®¹è¶…å‡ºå®½åº¦æ—¶éšè—è¶…å‡ºéƒ¨åˆ†çš„å†…å®¹ */
    text-overflow:ellipsis;   /* å½“å¯¹è±¡å†…æ–‡æœ¬æº¢å‡ºæ—¶æ˜¾ç¤ºçœç•¥æ ‡è®°(...) ï¼›éœ€ä¸Žoverflow:hidden;ä¸€èµ·ä½¿ç”¨ã€‚*/
}
.ellipsis_pLeft{
    max-width: 100%;
    text-align: left;
    word-break:keep-all;      /* ä¸æ¢è¡Œ */
    white-space:nowrap;       /* ä¸æ¢è¡Œ */
    overflow:hidden;          /* å†…å®¹è¶…å‡ºå®½åº¦æ—¶éšè—è¶…å‡ºéƒ¨åˆ†çš„å†…å®¹ */
    text-overflow:ellipsis;   /* å½“å¯¹è±¡å†…æ–‡æœ¬æº¢å‡ºæ—¶æ˜¾ç¤ºçœç•¥æ ‡è®°(...) ï¼›éœ€ä¸Žoverflow:hidden;ä¸€èµ·ä½¿ç”¨ã€‚*/
}
/* è¾¹æ¡† */
.form_border{
    border: 1px solid #eee;
}
.form_border_l{
    border-left: 1px solid #eee;
}
.form_border_r{
    border-right: 1px solid #eee;
}
.form_border_t{
    border-top: 1px solid #eee;
}
.form_border_b{
    border-bottom: 1px solid #eee;
}
.form_border_x{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.form_border_y{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* ç¦ç”¨ */
button[disabled]{
    border: #fff;
    color: #888;
}
button[disabled]:hover {
    cursor: not-allowed;
}
/* å¤´éƒ¨æ“ä½œæŒ‰é’® */
.operate_proj li{
    margin-right: 15px;
}
.nav.operate_proj li{
    margin-right: 10px;
    cursor: pointer;
}
.nav.operate_proj li a{
    padding:5px;
}
/* å¯¼èˆªåˆ‡æ¢ï¼ˆä¸‹è¾¹æ¡†ï¼‰ */
.nav_box{
    border-bottom: 1px solid #eee;
}
.nav_ul{
    padding-top:4px;
}
.nav_ul li{
    height: 36px;
    line-height: 20px;
    border-bottom:2px solid transparent;
    padding:6px 4px;
    margin-right: 22px;
    cursor: pointer;
    font-size: 14px;
}
.nav_ul li.active{
    color:#DDAF59;
    border-bottom:2px solid #DDAF59;
}
/* æ¡ä»¶è¾“å…¥ */
.search_form table{
    width: 100%;
}
.form_msg td{
    padding:9px 5px;
}
.form_msg td .redStar{
    color: #D13C3C;
}
.form_msg td:nth-child(odd){
    text-align: right;
}
.form_msg td>textarea{
    width: 100%;
    height: 94px;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 12px;
}
.form_msg td>input{
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* loadingåŠ¨æ€åœ†ç‚¹è½¬åœˆæ•ˆæžœ */
.load4 .loader,
.load4 .loader:after,
.load4 .loader:before{
-webkit-animation: load4 1s infinite ease-in-out;
animation: load4 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.load4 .loader {
    color: #DDAF59;
    font-size: 12px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load4 {
    0%,
    100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
@keyframes load4 {
    0%,
    100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.subgird-title {
    position: fixed;
    font-size: 12px;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    height: 27px;
    z-index: 1;
    padding-left: 15px;
}
.subgird-title p{
    font-weight: 600;
    color: #000;
}
p.ellipsis_p {
    margin-bottom: 0;
}

    /* 修改bootstrap-table */
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border:none;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th{
    border-bottom: 2px solid #f0f0f0;
}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td{
    border-bottom: 1px solid #f0f0f0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 6px 10px;
    line-height: 16px;
    font-size: 12px;
    height: 30px;
}
.table-bordered{
    border:none;
}
.bootstrap-table .fixed-table-container .fixed-table-footer .table thead th{
    border:none;
    border-top:2px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
}
.bootstrap-table .fixed-table-container .fixed-table-footer .table{
    width: 100%!important;
}
/* page */
.fixed-table-pagination{
    display: flex;
    justify-content: center;
}
.pagination > .active > a:hover{
    color:#fff!important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #DDAF59;
    border:none;
    border-radius: 4px;
    padding:2px 6px!important;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color:#DDAF59;
    padding:2px 6px!important;
}
.pagination > li > a, .pagination > li > span{
    color:#000;
    border:none;
    padding:2px 6px!important;
}
.page_button_style{
    background: #fff;
    border: none;
    height: 22px;
    line-height: 22px;
}
.bootstrap-table.bootstrap3 .fixed-table-pagination>.pagination ul.pagination,
.bootstrap-table.bootstrap3 .fixed-table-pagination>.pagination .page-jump-to{
    display:inline
}
.bootstrap-table .fixed-table-pagination>.pagination .page-jump-to input{
    width:44px;
    height: 20px;
    margin-left:5px;
    text-align:center;
    float:left;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
}
.bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info{
    line-height: 20px;
}
.bootstrap-table .fixed-table-container .table thead th .sortable{
    padding-right: 15px;
}
input[type="checkbox"]{
    width: 14px;
    height: 14px;
}
label{
    margin-bottom:0;
    transform: translateY(2px);
}
.bootstrap-table.bootstrap3 .page-list .dropdown-toggle {
    width: 60px;
    margin-left: 5px !important;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    font-size: 12px;
    margin-right: 5px;
}
.bootstrap-table.bootstrap3 .fixed-table-pagination>.pagination .page-jump-to button {
    background: #fff;
    border: none;
    height: 20px;
    line-height: 18px;
    width: inherit;
    margin-right: 0;
    padding: 1px 6px;
    font-size: 12px;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
    font-size: 14px;
    margin-right: 6px;
}
/* åˆ‡æ¢é¡µç æ—¶loading */
.selectModalChannel .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{
    min-height: 385px;
}
.page_change_loading_wrap{
    align-items: baseline;
    display: flex;
    justify-content: center;
}
.page_change_loading_text{
    font-size: 14px;
    margin-right: 6px;
}
.page_change_loading_wrap .animation_wrap{
    align-items: center;
    display: flex;
    justify-content: center;
}
.page_change_loading_wrap .animation_wrap .page_change_dot,
.page_change_loading_wrap .animation_wrap::after,
.page_change_loading_wrap .animation_wrap::before {
    content: "";
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: LOADING;
    background: #212529;
    border-radius: 50%;
    display: block;
    height: 5px;
    margin: 0 4px;
    opacity: 0;
    width: 5px;
}
@keyframes LOADING{0%{opacity:0}50%{opacity:1}to{opacity:0}}
/* å›ºå®šå¤´éƒ¨ */
.show-head-box{
    overflow: hidden;
    position:fixed;
    top:0;
    z-index:1000;
    background: #fff;
    border-bottom:1px solid #e0e0e0;
}
button.btn_small {
    width: 60px;
    height: 24px;
    line-height: 22px;
}
/* icon slideUp */
i.icon.slideUp{
    display: inline-block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #DDAF59;
    transform: rotate(45deg);
}
i.icon.slideDown{
    transform: rotate(0deg);
}
/* å¼¹å‡ºé€‰æ‹©æ¡†æ ·å¼ */
.select_search_btn{
    float: right;
    width: 60px;
    padding: 2px;
    font-size: 12px;
}
.selectModal .selectSearchInput{
    float: right;
    height: 22px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 12px;
    width: 220px;
    padding: 0 10px;
}
.selectModal .bootstrap-table{
    width: 60%;
}
.selectModal.selectDepartmentModal .bootstrap-table{
    width: 100%;
}
.selectModal .select-box{
    width: 38%;
    min-height: 240px;
    max-height: 510px;
    overflow-y: auto;
    border:1px solid #e9e9e9;
    border-radius: 7px;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    padding:0 5px;
}
.selectModal .select-box .select-title{
    font-size: 13px;
    line-height: 18px;
    color:#333333;
    padding:5px;
    border-bottom:1px solid #e9e9e9;
}
.selectModal .select-box .select-title .removeAll{
    font-size: 12px;
    width: 40px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border:1px solid #d9d9d9;
    cursor: pointer;
}
.selectModal .select-box .select-ul li{
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding:0 5px;
    border-bottom: 1px dashed #e9e9e9;
    display: flex;
    justify-content: space-between;
}
.selectModal750 .modal-dialog{
    width: 750px!important;
}
.selectModal750  .select-box{
    width:38%!important;
}
.iconSvg {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/* è¡Œå†…ç¼–è¾‘ */
.editable-clear-x{
    background:none;
    top:35%;
}
.editable-clear-x:after{
    content:"x";
}
.input-sm {
    height: 24px;
}
td select.input-sm {
    height: 24px;
    line-height: 24px;
    padding:0 10px;
}
/* æ·»åŠ æŒ‰é’® */
.add_circle{
    width: 38px;
    height: 38px;
    border: 1px solid #faebcc;
    border-radius: 50%;
    background: #faedcc;
    color: #DDAF59;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin: 22px auto;
    cursor: pointer;
}
.remove_circle{
    width: 24px;
    height: 24px;
    border: 1px solid #faebcc;
    border-radius: 50%;
    background: #faedcc;
    color: #DDAF59;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

/* æ ‘çŠ¶èœå• */
.treebox {
    width: 100%;
    height: 300px;
    overflow: scroll
}

.ontree {
    background-color: #DDAF59;
    padding: 5px 3px;
    color: #fff!important
}

.tree a {
    color: #333;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden
}

.tree a:hover {
    color: #DDAF59;
    cursor: pointer
}

.tree ul {
    padding-left: 32px;
    margin-top: 4px;
}

.close_menu,.open_menu {
    overflow: hidden
}

.close_menu span,.open_menu span {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    cursor: pointer;
    opacity: .5
}

.close_menu span {
    background: url("../../Image/htf_channel/close.png") no-repeat left top;
}

.open_menu span {
    background: url("../../Image/htf_channel/open.png") no-repeat left top;
}

.close_menu span:hover,.open_menu span:hover {
    opacity: 1;
}

/* edit elli */
a.editable.editable-pre-wrapped.editable-click {
    max-width: 100%;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td > a.editable-click,td .editable-click {
    border: 1px solid #eee;
    min-width: 100%;
    display: inline-block;
}
/* new20200812 */
.mb0{
    margin-bottom: 0!important;
}
.ml0{
    margin-left: 0!important;
}
/* radio_box */
.radio_box {
    margin-right: 15px;
    height: 24px;
    line-height: 24px;
}
.radio_box label{
    font-size: 12px;
    font-weight: 500;
}

.radio_box input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio_box input[type="radio"]+.radio_label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #bbb;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    top: 0.5em;
    margin-right: 0.5em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}
.radio_box input[type="radio"]:checked+.radio_label:before {
    background-color: #DDAF59;
    border: 1px solid #DDAF59;
    box-shadow: inset 0 0 0 2px #fff;
}

.radio_box input[type="radio"]:focus+.radio_label:before {
    outline: none;
    border-color: #DDAF59;
}

.radio_box input[type="radio"]:disabled+.radio_label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio_box input[type="radio"]+.radio_label:empty:before {
    margin-right: 0;
}
/* time select */
.time_input_box{
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 1px 10px;
    width: 224px;
    height: 28px;
}
.time_input_box input{
    border:none;
    font-size: 12px;
    text-align: center;
}
.time_input_box:hover {
    border: 1px solid #DDAF59;
    box-shadow: 0 0 1px 0 #DDAF59;
}
.time_input_box input{
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.time_input_box i{
    color: #BFBFBF;
    line-height: 26px;
}
.time_input_box .time_arrow{
    transform: rotate(90deg);
}
.time_input_box .time_rili{
    font-size: 12px;
}
.split_bar{
    background: #eee;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}
/* 带按钮的搜索框组合 */
.iconInputGroup{
    width: 100%;
    height: 28px;
    line-height: 26px;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.iconInputGroup .groupInput {
    width: 90%;
    border: none;
    cursor: pointer;
}
.iconInputGroup .groupIcon {
    font-size: 12px;
    color: #aaa;
}
.bgeee .groupIconOut{
    background: #eee!important;
}